<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>文字样式</title>
	<style type="text/css">
		p{font-family: "黑体";}
		.normal{font-weight:normal;}
		.bold{font-weight:bold;}
		.bolder{font-weight:bolder;}
		.lighter{font-weight:lighter;}
		.f100{font-weight:100;}
		.f200{font-weight:200;}
		.f300{font-weight:300;}
		.f400{font-weight:400;}
		.f500{font-weight:500;}
		.f600{font-weight:600;}
		.f700{font-weight:700;}
		.f800{font-weight:800;}
		.f900{font-weight:900;}
	</style>
</head>
<body>
<!-- HTML中加粗 -->
	<p>字体粗细<b>font-weight</b></p>
	<p>字体粗细<strong>font-weight</strong></p>	
<!-- CSS样式加粗 -->
	<p class="normal">字体粗细font-weight：normal</p>
	<p class="bolder">字体粗细font-weight：bolder</p>
	<p class="bold">字体粗细font-weight：bold</p>	
	<p class="lighter">字体粗细font-weight：lighter</p>
	<!-- 数值 -->
	<p class="f100">字体粗细font-weight：100</p>
	<p class="f200">字体粗细font-weight：200</p>
	<p class="f300">字体粗细font-weight：300</p>
	<p class="f400">字体粗细font-weight：400</p>
	<p class="f500">字体粗细font-weight：500</p>
	<p class="f600">字体粗细font-weight：600</p>
	<p class="f700">字体粗细font-weight：700</p>
	<p class="f800">字体粗细font-weight：800</p>
	<p class="f900">字体粗细font-weight：900</p>
</body>
</html>